<template>
  <div class="listWrapper">
    <div style="display: flex;justify-content: space-between; padding: 0 1  40px;border: 1px solid pink;" v-for="(item,index) in list" :key="index">
      <el-checkbox v-model="item.isDone" size="large"></el-checkbox>
      <div>{{item.text}}</div>
      <el-button>删除</el-button>

    </div>
  </div>
</template>

<script lang="ts">
import {
  defineComponent, reactive,
} from "vue";
import item from '@/views/components/item.vue'
export default defineComponent({
  name: "itemList",
  // components: {
  //   item
  // },
  props: ['list'],
  setup(prop){
    // const list   = prop
    // console.log(list,'接收父组件的值');
    
    // function hander(e: any) :void{
    //   console.log(e);
      
    // }
    function changeIsDone(e:any){
      console.log(e,'ceshi');
      
      
    }

    return {
      changeIsDone
    }
  }
});
</script>

<style scoped>
.listWrapper{

}
</style>